  *:focus {
    outline: none;
  }
    html {
      font-size: 14px;
    }
    body {
	  background: black;
      font-family: Helvetica, sans-serif;
	  text-shadow: transparent 0 0 2px;
	  -webkit-text-shadow: transparent 0 0 2px;
	  -moz-text-shadow: transparent 0 0 2px;
    }
    body > h1 {
      font-size: 2.5rem;
      margin-top: .5rem;
      margin-bottom: 0.3rem;
      text-align: center;
      color: #eee;
      font-weight: bold;
    }
    body > h3 {
      font-size: 1.0rem;
      font-style: italic;
      margin-top: 0;
      margin-bottom: 0.5rem;
      text-align: center;
      color: #666;
      font-weight: normal;
	  text-shadow: none;
	  -webkit-text-shadow: none;
	  -moz-text-shadow: none;
    }
    .contents {
      margin: 0 auto;
    }
    #container {
      float: left;
      margin: 0 auto;
      position: relative;
    }
    #map3d {
      float: left;
  	  margin-left: 50px;
    }
    #map3dBig {
	  margin: 0 auto;
	}
    p {
      margin: 0;
    }
    .date {
      font-size: .9rem;
    }
    .year, .numEvents, .numChapters {
      font-size: 1.7rem;
    }
    a {
      color: inherit;
      text-decoration: underline;
    }
    #info {
      padding: 5px 8px;
	  margin-top: 1rem;
    }
    .currentDate, .currentStats {
      float: left;
      color: #eee;
      margin: 10px 0 0 10px;
    }
    .currentDate {
      text-align: right;
      width: 6%;
	}
    .currentStats {
      text-align: left;
      width: 15%;
	}
    .chart {
      float: left;
      width: 75%;
    }
    
    #clickhandler.chapterList {
      height: auto;
    }
    
    #clickhandler {
      position: fixed;
      z-index: 100;
      bottom: 0;
      left: 0;
     height: 100%;
      width: 100%;
      text-align: center;
      font-size: 1.8rem;
    }
    #clickhandler > div {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 15px 0 10px 0;
      background-color: #666;
      opacity: 0.2;
      color: #eee;
    }
    
    #footer {
        position: fixed;
        bottom: 0.5rem;
        right: 1rem;
        font-size: 12px;
        text-align: right;
      color: #666;
      z-index: 1000;
    }
    #footer a {
        color: #666;
    }
    svg > text > tspan {
      color: #111 !important;
      fill: #111 !important;
    }

	#map3dBig {
	  height: 70%;
	  }

#plugin-custom-error {
  background: url(../img/plugin_error_bg.png) no-repeat;
  display: table-cell;
  height: 400px;
  vertical-align: middle;
}

#plugin-custom-error p {
  background-color: rgba(0, 0, 0, 0.5);
  color: #666;
  font-weight: normal;
  padding: 10px;
  text-align: center;
}

